@charset "utf-8";
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}
.gray{
    width:100%;
    height:r(25);
    background:#f5f5f5;
}
a{
    color:#8b8b8b;
}
body{
    background:#fff;
}
*{
    margin: 0;
    padding: 0;
}
html,body{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.web{
    width: 100%;
    height: 100%;
    position: relative;

.main{
     width:100vw;
     position: absolute;
     left:0;
     right: 0;
     top:r(90);;
     bottom:r(100);
     /*height: calc(100% - 50px);*/
     overflow: auto;

     >.banner{
         position: relative;
         width:100%;
         
         >img{
             width:100%;
         }
         >.zhezao{
             display: flex;
             display: -webkit-flex;
             flex-direction: column;
             justify-content: space-around;
             align-items:center;
                position: absolute;
                bottom:0;
                width:100%;
                height:r(104);
                background:rgba(0,0,0,.5);
                >p{
                    width:r(590);
                    // text-align: center;
                    line-height: r(53);
                    font-size:r(27);
                    color:#fff;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    text-align: left;
                }
                >div{
                    width:r(590);
                    display: flex;
                    display: -webkit-flex;
                    justify-content: flex-start;
                    
                    text-align: left;
                    >div{
                        margin-bottom:r(10);
                        width:r(23);
                       
                        img{
                            width:100%;
                        }
                    }
                   
                    >span{
                        font-size:r(18);
                        color:#fff;
                    }
                    >span:nth-of-type(1){
                        margin-right:r(45);
                    }
                    >.date{
                        text-align: right;
                        flex-grow: 1;
                    }
                }
         }//zhezao
     }//banner
     .kc_content{
            margin:0 auto;
            width:r(585);
            padding-bottom:r(27);

            >header{
                margin-top:r(22);
                width:100%;
               
                display: flex;
                display: -webkit-flex;
                flex-direction: row;
                justify-content: space-between;

                >.kc_tx{
                    width:r(60);

                    >img{
                        width:100%;
                    }
                }
                >.kc_admin{
                    padding-right: 20%;
        
                    >span{
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        font-size:r(28);
                        color:#c5c5c5;
                    }
                    >p{
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        font-size:r(18);
                        color:#c5c5c5;
                    }
                }
                >.bm{
                    
                    
                    background:#b10100;
                    width:r(228);
                    text-align: center;
                    vertical-align: middle;
                    >a{
                        vertical-align: middle;
                        line-height: r(70);
                        display: inline-block;
                        font-size:r(28);
                        color:#fff;
                    }
                    >div{
                        
                        vertical-align: middle;
                        display:inline-block;
                        width:r(27);
                        height:r(27);
                        background:#fff;
                        border-radius:50%;
                        margin-left:r(10);
                        >span{
                            line-height: r(25);
                            vertical-align: middle;
                            color:#b10100;
                            font-size: r(20);
                            font-weight: bold;
                        }
                    }
                }
              
            }
            >.zhiye{
                display: flex;
                display: -webkit-flex;
                align-items: flex-end;
                justify-content: space-between;
                padding-bottom:r(5);
                margin-bottom:r(15);
                border-bottom:#c5c5c5 1px solid;
                >p{
                 font-size:r(25);
                 color:#000;
                }
                >span{
                    font-size:r(16);
                    color:#323232;
                }
             }
             >.kc_img{
                 width:100%;
                 >a{
                    >img{
                        width:100%;
                    }
                 }
                
             }

     }//kc_content
   
   
}//main

}